import React from "react";
import { Card, Row, Col, Button } from "antd";
import { useNavigate } from "react-router-dom";

const AdminHome = () => {
  let navigate = useNavigate();

  return (
    <div style={{ padding: "20px" }}>
      {/* <h1>系统首页</h1> */}

      <Row gutter={[16, 16]}>
        <Col span={8}>
          <Card title="介绍" bordered={true}>
            仓库管理系统（WMS），英文为Warehouse Management
            System，是对物料存放空间进行管理的软件，区别于库存管理。其功能主要有两方面，一为通过在系统中设定一定的仓库仓位结构对物料具体空间位置的定位，二为通过在系统中设定一些策略对物料入库\出库\库内等作业流程进行指导
          </Card>
        </Col>
        <Col span={8}>
          <Card title="系统管理员账户管理" bordered={true}>
            新增、删除、密码重置等账户管理的相关内容
          </Card>
        </Col>
        <Col span={8}>
          <Card title="物品种类管理" bordered={true}>
            物品种类的增删改操作
          </Card>
        </Col>
        <Col span={8}>
          <Card title="仓库记录管理" bordered={true}>
            仓库出入库记录的增删改操作
          </Card>
        </Col>
        {/* 其他需要的功能卡片 */}
        <Col span={8}>
          <Card title="登录/注册" bordered={true}>
            <Button onClick={() => navigate("/login")}>登录</Button>
            <Button
              onClick={() => navigate("/register")}
              style={{ marginLeft: 8 }}
            >
              注册
            </Button>
          </Card>
        </Col>
        {/* 其他需要的功能卡片 */}
      </Row>
    </div>
  );
};

export default AdminHome;
